<template>
    <h3>组件通信</h3>
    <!-- 属性传递默认是字符串 -->
    <Daojishi :total="Number(60)" :warn="Number(10)" c="#F00"></Daojishi>
    <Daojishi :total="Number(20)" :warn="Number(5)" c="#0F0"></Daojishi>
    <Daojishi :total="Number(10)" :warn="Number(3)" c="#00F"></Daojishi>
</template>
<script setup>
import Daojishi from './components/Daojishi.vue'
</script>
<style scoped>
    
</style>